<template>
  <div class="hellos">
    <div class="mys">
       <div class="mys-yuan">
         <img src="../assets/image/tab_ic_home_nor.png"/>
       </div>
       <div class="users"><span >用户名： {{phone}}</span></div>
       <div class="imgs"> <img src="../assets/image/i-arr-r.png"></div>
    </div>
    <div class="login"><router-link to="/login">登录</router-link></div>
    <!-- <about msg="" @listen="shows"></about> -->
    <div><router-link to="/list">我的学生</router-link></div>
  </div>
</template>

<script>
// import login from '../page/login.vue'
// import about from './about.vue'
export default {
  data () {
    return {
      phone: ''
    }
  },
  components: {
    // about
  },
  methods: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  @import '../css/my.less';
</style>
